@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
html,body{height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
img { border:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{ text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
.clear{height:0px;clear:both;overflow:hidden;}

#pad_left {
	width:20%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
}
#pad_left .left_bg {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#pad_left .left_bg img {
	width:100%;
	border-radius:0 0 6px 6px;
	-moz-box-shadow: 5px 0px 10px #ccc;
	-webkit-box-shadow: 5px 0px 10px #ccc;
	box-shadow:5px 0px 10px #ccc;
}
#pad_left .ly_logo{width:90%; height:auto;}
#pad_left .ly_logo img {
	width:100%;
	height:auto;
	position:absolute;
	z-index:1;
}
#pad_left .left_nav {
	width:90%;
	height:auto;
	margin:170px auto 0 5%;;
	position:absolute;
	top:0;
	left:0px;
	z-index:2;
}
.left_nav ul {
	width:100%;
}
.left_nav ul li {
	border-bottom:1px solid #C6B3AF;
	margin:20px 0;
}
.left_nav ul li a {
	display:block;
	width:100%;
	height:55px;
	background-color:#FF7200;
	border-radius:3px 3px 0 0;
	border-bottom:1px solid #3C0908;
	color:#fff;
	line-height:55px;
	font-size:100%;
}
.left_nav ul li a img {
	vertical-align:middle;
	margin-right:5px;
}

#pad_left .left_bottom {
	width:18%;
	height:auto;
	position:fixed;
	bottom:30px;
	left:1%;
}
#pad_left .left_bottom img {
	width:100%;
}


#pad_right {
    height: 100%;
    left: 21%;
    margin-bottom: 100px;
    position: fixed;
    top: 5px;
    width: 79%;
    z-index: 3;
}
#con{width:100%;height:100%;}
#tags {
    color: #FFE9CF;
    height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}
#tags li {width:10%; text-align:center;float:left; padding-left:10px;}
#tags li a{COLOR: #FF7200;line-height:50px;height:50px; display:block;width:100%; background-color:#FEE4BF;	border-radius:3px 3px 0 0; font-size:120%;}
#tags LI.emptyTag {WIDTH: 4px}
#tags LI.selectTag {HEIGHT:50px;line-height:50px;}
#tags LI.selectTag a {COLOR:#fff; background-color:#FF7200;}
#tagContent {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    bottom: 68px;
    box-shadow: 5px 5px 10px #CCCCCC;
    margin-top: 50px;
	padding-bottom:20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 99%;
}
.tagContent {
    display: none;
	width:100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}
.tagContent iframe {
	width:100%;
	height:100%;
}
#tagContent DIV.selectTag {DISPLAY: block;}


#ly_foot {
	width:78%;
	height:55px;
	background:#ff7200;
	border-radius:3px 3px 0 0;
	position:fixed;
	bottom:0px;
	left:21%;
    z-index: 9999;
}
#ly_foot ul {
	width:100%;
	height:55px;
}
#ly_foot ul li {
	width:20%;
	height:55px;
	text-align:center;
	float:left;
}
#ly_foot ul li a {
	display:block;
	width:100%;
	height:55px;
	line-height:55px;
	font-size:120%;
	color:#fff;
}
#ly_foot ul li a img {
	vertical-align:middle;
	margin-right:10px;
}